<div class="login-bg-wrap">
	<div class="login-bg">
		<div class="login-bg-text">
			<h1>Welcome</h1>
			<h2>Resource Management Cloud&copy; Console</h2>
		</div>
	</div>
</div>
<div class="login-form-wrap" ng-controller="loginCtrl">
	<a class="login-logo" href="http://www.polycom.com"></a>
	<form class="login-form" name="loginForm">
		<div class="login-form-title row">
			<h2>Login</h2>
		</div>
		<div class="login-form-item row">
			<label class="col-lg-4" for="username">User Name</label>
			<input class="col-lg-8" name="username" class="login-form-text" type="text" placeholder="username/email" ng-model="username" required>
			<span class="col-lg-12 form-error" ng-show="loginForm.$dirty && loginForm.username.$error.required">User name cannot be empty</span>
		</div>
		<div class="login-form-item row">
			<label class="col-lg-4" for="password">Password</label>
			<input class="col-lg-8" name="password" class="login-form-text" type="password" placeholder="password" ng-model="password" required>
			<span class="col-lg-12 form-error" ng-show="loginForm.$dirty && loginForm.password.$error.required">Password cannot be empty</span>
		</div>
		<div class="login-form-action row">		
			<a class="btn btn-primary" ng-click="login()">Login</a>
		</div>
		<div class="login-form-error row">		
			<span class="col-lg-12 form-error" ng-bind="errorNote"></span>
		</div>
	</form>
	<a class="login-language">Language</a>
</div>
